@CHARSET "UTF-8";
body{
font:12px "Lucida Grande", Arial, Verdana, sans-serif;
color:#333;text-align:center;
margin:0;
padding:0;
background-color:#FFE996;
background-position:top right;
background-repeat:repeat;
}



#left { 
    width:260px; 
    height:670px; 
    float:left 
}

#step{
	width:260px; 
    height:670px; 
}
#right { 
    width:695px; 
    height:670px; 
    float:right 
} 

p.zhengwen{
text-align: left;
line-height: 1.5;
margin: 15px 15px 15px 15px;
font-size:16px; font-family:Verdana,Arial,'Lucida Grande',Sans-Serif
}

#page{
margin:0 auto;
width:960px; 
background:#FBEEBB;
}
#header{
background-color:#FBEEBB;
height:200px; 
       text-align:left;
}

#header h1 a{
display: block;
height: 120px;
width: 236px;
       text-indent: -2000em;
       text-decoration: none;
       z-index: 1000; 
       /* need for FX and IE */
}

#header span{
	float: right;
	margin: 90px 15px 0;
	color: white;
	font-weight : bold;
	}

#header a{
	color: white;
}

#content{
	background:#FBEEBB;

}

.md .text_box{clear:both;_height:0%;border:solid 1px #e5e5e5; color:#ff7600; background:url(../images/box.jpg) no-repeat;}
.md .gold_box{clear:both;_height:0%;border:solid 1px #e5e5e5; color:#ff7600; background:url(../images/goldenmedal.jpg) no-repeat;}
.md .gold_box h1{font-size:16px;margin:2px 0 4px;font-weight:bold;line-height:24px}
.md .gold_box h1 a{}
.md .gold_box h2{font-size:14px;margin:2px 0 4px;font-weight:bold;line-height:22px}
.md .gold_box h2 a{}
.md .gold_box h3{font-size:12px;margin:2px 2px 1px;font-weight:bold;line-height:20px}
.md .gold_box h3 a{}
.md .gold_box h4{font-size:12px;margin:2px 0 2px;font-weight:bold;line-height:18px}.md .gold_box h4 a{}
.md .gold_box img{margin:5px; border:3px solid #ccc}
.md .gold_box .l{margin:0 5px 0 0}
.md .gold_box .r{margin:0 0 0 5px}
.md .gold_box p{margin-bottom:5px}
.md .gold_box .view_detail{padding-left:12px;text-decoration:underline}
.md .gold_box a.underline{text-decoration:underline}
.md .gold_box:after{content:".";display:block;clear:both;visibility:hidden;font-size:0px;line-height:0px;height:0}
.md .text_box h1{font-size:16px;margin:2px 0 4px;font-weight:bold;line-height:24px}
.md .text_box h1 a{}
.md .text_box h2{font-size:14px;margin:2px 0 4px;font-weight:bold;line-height:22px}
.md .text_box h2 a{}
.md .text_box h3{font-size:12px;margin:2px 2px 1px;font-weight:bold;line-height:20px}
.md .text_box h3 a{}
.md .text_box h4{font-size:12px;margin:2px 0 2px;font-weight:bold;line-height:18px}
.md .text_box h4 a{}
.md .text_box img{margin:4px; border:3px solid #ccc}
.md .text_box .l{margin:0 5px 0 0}
.md .text_box .r{margin:0 0 0 5px}
.md .text_box p{margin-bottom:0px}
.md .text_box .view_detail{padding-left:12px;text-decoration:underline}
.md .text_box a.underline{text-decoration:underline}
.md .text_box:after{content:".";display:block;clear:both;visibility:hidden;font-size:0px;line-height:0px;height:0}
.dot_line,.solid_line{background:url(../images/dot_h_1.gif) repeat-x left top;margin:5px auto 6px;height:1px;font-size:0}
body .l, body .left{float:left;clear:none}
body .r, body .right{float:right;clear:none}
.md{border:solid 1px #e5e5e5;}
.md{clear:both;background:#ffffcc}

.clear
{clear: both}
p.comments
{
	font-size:9pt;
	margin: 0px 1px 0px 1px;
	line-height:15px;
}
p.words
{
	font-size:9pt;
	margin: 0px 1px 0px 1px;
	line-height:15px;
}
.footer
{
clear:both;height:20px;background-color:#b80d0d;
}
.submit { background:url(../images/submit.gif) 0px -8px; border:1px solid #cfab25; height:32px; font-weight:bold; padding-top:2px; cursor:pointer; font-size:14px; color:#660000;}
td.ttl2_1 { background: no-repeat center; 
	color:#A40000; font-size: 15px;line-height:140%;
}
p.att { margin:0px 0px 0px 170px; text-align:left }
p.mention { font-size:16px; text-align:center }
}
#menu{
width:960px;
height:38px;
margin:10px 0px 0px 0px;
background-color:#FBEEBB;
}
#menu ul{
display:block;
list-style:none;
padding:5px;
margin:0px;

}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
}
#menu ul li a{
line-height:51px;
display:block;
padding:0px 10px 0 10px;
margin:0 3px 0 3px;
_margin:0 2px 0 2px;
float:left;
text-decoration:none;
text-align:center;
color:#FF2626;
font-size:14px;
line-height:27px;
}
#menu ul li.selected a{
height:27px;
display:block;
padding:0px 10px 0 10px;
margin:0 3px 0 3px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:27px;
}
#menu ul li a:hover{
}
.comments{
height:200px;
}
.words{
height:60px;
}
p.send{
height:10px;
}

.note{
	height:150px;
	padding:10px;
	width:150px;
	position:absolute;
	overflow:hidden;
	cursor:move;
	
	font-family:Trebuchet MS,Tahoma,Myriad Pro,Arial,Verdana,sans-serif;
	font-size:22px;
	
	/* Adding a CSS3 shadow below the note, in the browsers which support it: */
	-moz-box-shadow:2px 2px 0 #DDDDDD;
	-webkit-box-shadow:2px 2px 0 #DDDDDD;
	box-shadow:2px 2px 0 #DDDDDD;
}

#fancy_ajax .note{	cursor:default; }

/* Three styles for the notes: */

.yellow{
	background-color:#FDFB8C;
	border:1px solid #DEDC65;	
}

.blue{
	background-color:#A6E3FC;
	border:1px solid #75C5E7;	
}

.green{
	background-color:#A5F88B;
	border:1px solid #98E775;	
}

/* Each note has a data span, which holds its ID */
span.data{	display:none; }

/* The "Add a note" button: */
#addButton{
	position:absolute;
	top:-55px;
	left:10px;
}

/* Green button class: */
a.green-button,a.green-button:visited{
	color:black;
	display:block;
	font-size:10px;
	font-weight:bold;
	height:15px;
	padding:6px 5px 4px;
	text-align:center;
	width:60px;
	
	text-shadow:1px 1px 1px #DDDDDD;
	background:url(images/button_green.png) no-repeat left top;
}

a.green-button:hover{
	text-decoration:none;
	background-position:left bottom;
}

.author{
	/* The author name on the note: */
	bottom:10px;
	color:#666666;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	position:absolute;
	right:10px;
}

#main{
	/* Contains all the notes and limits their movement: */
	margin:0 auto;
	position:relative;
	width:960px;
	height:500px;
	z-index:10;
}

h3.popupTitle{
	border-bottom:1px solid #DDDDDD;
	color:#666666;
	font-size:24px;
	font-weight:normal;
	padding:0 0 5px;
}

#noteData{
	/* The input form in the pop-up: */
	height:200px;
	margin:30px 0 0 200px;
	width:350px;
}

.note-form label{
	display:block;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-bottom:3px;
	
}

.note-form textarea, .note-form input[type=text]{
	background-color:#FCFCFC;
	border:1px solid #AAAAAA;
	font-family:Arial,Verdana,sans-serif;
	font-size:16px;
	height:60px;
	padding:5px;
	width:300px;
	margin-bottom:10px;
	text-align: center;
}

.note-form input[type=text]{	height:auto; }

.color{
	/* The color swatches in the form: */
	cursor:pointer;
	float:left;
	height:10px;
	margin:0 5px 0 0;
	width:10px;
}

#note-submit{	margin:20px auto; }

/* The styles below are only necessary for the demo page */

h1{
	background:#FBEEBB;
	
	font-size:1.5em;
	font-weight:normal;
	margin-bottom:15px;
	padding:15px;
	text-align:center;
}

h2 {
	font-size:0.9em;
	font-weight:normal;
	padding-right:40px;
	position:relative;
	right:0;
	text-align:right;
	text-transform:uppercase;
	top:-48px;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

p.tutInfo{
	/* The tutorial info on the bottom of the page */
	padding:10px 0;
	text-align:center;
	position:fixed;
	bottom:0px;
	background:#f0f0f0;
	border-top:1px solid #eaeaea;
	width:100%;
	z-index:15;
}

h1,h2,p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}
